<template>
  <div class="home">
    <header class="header">
      <div>
        <img src="http://w.wantscart.com/static/images/3.png" alt="">
      </div>
      <div @click="searchinterface()">
        <img src="http://w.wantscart.com/static/images/1.png" alt="">
        <span>潮流新品特卖</span>
      </div>
      <div>
        <img src="http://w.wantscart.com/static/images/2.png" alt="">
      </div>
    </header>
  </div>
</template>

<script>

  export default {
    name: "home",
    components: {},
    methods:{
      searchinterface:function () {
        this.$router.push({path:'/homeSearch'})
      },
    }
  }
</script>

<style scoped>
  .header {
    width: 100vw;
    height: 12vw;
    background: #fff034;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5vw;
  }

  .header div img {
    width: 5vw;
    height: 5vw;
  }

  .header div:nth-child(2) img {
    width: 3.3vw;
    height: 3.3vw;
  }

  .header div:nth-child(2) {
    width: 70vw;
    height: 7vw;
    background: white;
    line-height: 7vw;
    color: #D6D6D6;
    font-size: 12px;
  }
</style>
